
const AddProduct = {

    template: `

                
        
              <el-container direction="vertical" style="padding:100px 0">

          <el-row>


        <el-col :offset="8" :span="8">

            
                    <el-form ref="frm_addproduct" :model="formData">
                        <el-form-item >

                            <h1>
                                商品录入
                            </h1>

                        </el-form-item>
                        <el-form-item prop="num" label="编号:" >

                            <el-input v-model="formData.num" /> 

                        </el-form-item>
                        <el-form-item prop="name" label="名称:" >

                            <el-input  v-model="formData.name"/> 

                        </el-form-item>
                        <el-form-item prop="unit" label="单位:" >

                            <el-input v-model="formData.unit" /> 

                        </el-form-item>
                        <el-form-item prop="price" label="单价:" >

                            <el-input  v-model="formData.price"/> 

                        </el-form-item>
                        <el-form-item prop="alias" label="别名:" >

                            <el-input v-model="formData.alias" /> 

                        </el-form-item>
                        <div class='flexec'>
                        <el-button type='primary' icon='document'>保存</el-button>
                        <el-button type='primary' icon='delete'>清空</el-button>
                        </div>
                    
                    </el-form>
 

        </el-col>



</el-row>



</el-container>
 

            `,


    setup() {

        

        const formData = Vue.ref({

            num: "SP00000001",
            name: "Hello",
            unit: "",
            price: "",
            alias: ""

        })

        return {
            formData
        }



    }

}

